<!DOCTYPE html>
<html lang="en-us"
      xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8"/>
    <title> Hi Weather </title>
    <meta name="description" content="A Weather Website"/>
    <meta name="author" content="vito"/>

    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>

    <!-- #CSS Links -->
    <!-- Basic Styles -->
    <link rel="stylesheet" type="text/css" media="screen"
          th:href="@{/static/lib/css/bootstrap.min.css}"/>
    <link rel="stylesheet" type="text/css" media="screen"
          th:href="@{/static/lib/css/font-awesome.min.css}"/>

    <!-- #FAVICONS -->
    <link rel="shortcut icon" type="image/x-icon"
          th:href="@{/static/lib/smartadmin/img/favicon/favicon.ico}"/>
    <link rel="icon" type="image/x-icon"
          th:href="@{/static/lib/smartadmin/img/favicon/favicon.ico}"/>

    <!-- Animate.css -->
    <link rel="stylesheet" th:href="@{/static/css/animate.css}"/>
    <!-- Icomoon Icon Fonts-->
    <link rel="stylesheet" th:href="@{/static/lib/css/icomoon.css}"/>
    <!-- Magnific Popup-->
    <link rel="stylesheet" th:href="@{/static/css/magnific-popup.css}"/>
    <!-- Owl Carousel -->
    <link rel="stylesheet" th:href="@{/static/lib/css/owl.carousel.min.css}"/>
    <link rel="stylesheet" th:href="@{/static/lib/css/owl.theme.default.min.css}"/>

    <!-- Cards -->
    <link rel="stylesheet" th:href="@{/static/css/cards.css}"/>

    <!-- Modernizr JS -->
    <script th:src="@{/static/lib/js/modernizr-2.6.2.min.js}"></script>
    <!-- FOR IE9 below -->
    <!--[if lt IE 9]>
    <script th:src="@{/static/lib/js/respond.min.js}"></script>
    <![endif]-->

</head>
<body>

<div id="fh5co-page">

    <div class="fh5co-features-style-2">
        <div class="container">
            <div class="row p-b">
                <div class="col-md-6 col-md-offset-3 text-center">
                    <h2 class="fh5co-heading wow fadeInUp" data-wow-duration="1s"
                        data-wow-delay=".5s" th:text="|ERROR ${errorStatus}|">ERROR PAGE</h2>
                    <p class="wow fadeInUp" data-wow-duration="1s" data-wow-delay=".8s" th:text="${errorMessage}"></p>
                </div>
            </div>
            <div class="row">
                <div class="col-md-4 col-sm-6 col-xs-6 col-xxs-12 fh5co-feature wow fadeInUp"
                     data-wow-duration="1s" data-wow-delay="1.1s">
                    <div class="fh5co-icon"><i class="icon-command"></i></div>
                    <div class="fh5co-desc">
                        <h3>100% Free</h3>
                        <p>Far far away, behind the word mountains, far from the countries Vokalia
                            and Consonantia, there live the blind texts. </p>
                    </div>
                </div>
                <div class="clearfix visible-sm-block visible-xs-block"></div>
                <div class="col-md-4 col-sm-6 col-xs-6 col-xxs-12 fh5co-feature wow fadeInUp"
                     data-wow-duration="1s" data-wow-delay="1.7s">
                    <div class="fh5co-icon"><i class="icon-toggle"></i></div>
                    <div class="fh5co-desc">
                        <h3>Fully Responsive</h3>
                        <p>Far far away, behind the word mountains, far from the countries Vokalia
                            and Consonantia, there live the blind texts. </p>
                    </div>
                </div>
                <div class="clearfix visible-sm-block visible-xs-block"></div>
                <div class="col-md-4 col-sm-6 col-xs-6 col-xxs-12 fh5co-feature wow fadeInUp"
                     data-wow-duration="1s" data-wow-delay="2.3s">
                    <div class="fh5co-icon"><i class="icon-heart22"></i></div>
                    <div class="fh5co-desc">
                        <h3>Made with Love</h3>
                        <p>Far far away, behind the word mountains, far from the countries Vokalia
                            and Consonantia, there live the blind texts. </p>
                    </div>
                </div>
                <div class="clearfix visible-sm-block visible-xs-block"></div>
            </div>
        </div>
    </div>

    <div class="fh5co-footer-style-3">
        <div class="container">
            <div class="row p-b">
                <div class="col-md-3 col-sm-6 fh5co-footer-widget wow fadeInUp"
                     data-wow-duration="1s" data-wow-delay=".5s">
                    <div class="fh5co-logo"><span class="logo">Hi</span> Weather</div>
                    <p class="fh5co-copyright">&copy; 2016 vito. <br/>All Rights Reserved. <br/>
                    </p>
                </div>
                <div class="col-md-3 col-sm-6 fh5co-footer-widget wow fadeInUp"
                     data-wow-duration="1s" data-wow-delay=".8s">
                    <h3>Company</h3>
                    <ul class="fh5co-links">
                        <li><a href="#">博客</a></li>
                        <li><a href="#">联系我</a></li>
                    </ul>
                </div>
                <div class="clearfix visible-sm-block"></div>
                <div class="col-md-3 col-sm-6 fh5co-footer-widget wow fadeInUp"
                     data-wow-duration="1s" data-wow-delay="1.1s">
                    <h3>Connect</h3>
                    <ul class="fh5co-links fh5co-social">
                        <li><a href="#"><i class="icon icon-facebook2"></i> Facebook</a></li>
                        <li><a href="#"><i class="icon icon-twitter"></i> Twitter</a></li>
                    </ul>
                </div>
                <div class="col-md-3 col-sm-6 fh5co-footer-widget wow fadeInUp"
                     data-wow-duration="1s" data-wow-delay="1.4s">
                    <h3>关于</h3>
                    <p>无</p>
                    <p><a href="#" class="btn btn-success btn-sm btn-outline">I'm a button</a></p>
                </div>
                <div class="clearfix visible-sm-block"></div>
            </div>
            <div class="row fh5co-made">
                <div class="col-md-12 wow fadeInUp" data-wow-duration="1s" data-wow-delay=".5s">
                    <p><i class="heart icon-heart"></i></p>
                </div>
            </div>
        </div>
    </div>
    <!-- END footer -->

</div>
<!-- END page-->

<!-- jQuery -->
<script th:src="@{/static/lib/js/jquery-2.1.1.min.js}"></script>
<!-- jQuery Easing -->
<script th:src="@{/static/lib/js/jquery.easing.1.3.js}"></script>
<!-- BOOTSTRAP JS -->
<script th:src="@{/static/lib/js/bootstrap.min.js}"></script>
<!-- Waypoints -->
<script th:src="@{/static/lib/js/jquery.waypoints.min.js}"></script>
<!-- Owl Carousel -->
<script th:src="@{/static/lib/js/owl.carousel.min.js}"></script>
<!-- Magnific Popup -->
<script th:src="@{/static/lib/js/jquery.magnific-popup.min.js}"></script>
<!-- Stellar -->
<script th:src="@{/static/lib/js/jquery.stellar.min.js}"></script>
<!-- countTo -->
<script th:src="@{/static/lib/js/jquery.countTo.js}"></script>
<!-- WOW -->
<script th:src="@{/static/lib/js/wow.min.js}"></script>
<script th:src="@{/static/js/base.js}"></script>

<script>
    new WOW().init();
</script>
<!-- Main -->
<script th:src="@{/static/lib/js/main.js}"></script>

</body>
</html>
